﻿/*!
 * Style Mr.nasmar v1.0.0 (http://facebook.com/Mr.nasmar)
 * Copyright 2014-2015 Mr.nasmar design
 * Follow me (https://www.facebook.com/Mr.nasmar)
 */
@charset "utf-8";
/* CSS Document */
/* Font [START] */
@font-face { font-family: 'nasmar'; font-style: normal; font-weight: 400; src: url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Regular.eot); src: url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Regular.woff2) format('woff2'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Regular.woff) format('woff'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Regular.ttf) format('truetype'); }
@font-face { font-family: 'nasmar'; font-style: normal; font-weight: 700; src: url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Bold.eot); src: url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Bold.woff2) format('woff2'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Bold.woff) format('woff'), url(http://demo.h4serv.com/vb/nasmar-V1/fonts/DroidKufi-Bold.ttf) format('truetype'); }
/* Font [END] */
.n-c{padding: 10px;}
.alt1{background: #FFF;}
.alt2{background: #FFF;}
body{background-color: #EDEDED;margin: 0px 100px;}
table{border-collapse: collapse;border-spacing: 0px;}
.tcat{background: #2E3236;}
.thead{background: #1C4568;}
.tfoot{background: #1C4568;}
.vbmenu_option{background:#FFF;font-size: 0.8em;font-weight: lighter;padding: 5px;min-height: 10px;overflow: hidden;}
.tborder{background: #D9D9D9;border: 2px solid #D9D9D9;}
.vbmenu_control{background: #1C4568; }
.vbmenu_option_alink{color: #FFF;}
.vbmenu_popup{opacity: 0.93;border-radius: 10px;color: #FFF;font-family: "nasmar","Open Sans",sans-serif;padding: 10px;background: #1C4568;}
.VbmenuPopup .VbmenuPopupHead{color: #FFF;font-size: 0.76em;}
.VbmenuPopup .VbmenuOption {background:#479F9E;font-size: 0.8em;font-weight: lighter;padding: 5px;min-height: 10px;overflow: hidden;}
.VbmenuPopup .VbmenuOption a{color: #FFF;}
.VbmenuPopup .VbmenuOption a:link{color: #FFF;}
.button:hover{box-shadow: 0px 0px 5px #CCC;}
/** Header [START] **/
#header{width: 100%;height: 175px;background: #D9D9D9;}
.hader{width: 100%;height: 170px;background-color: #2E3236;border-right: 5px solid #D9D9D9;border-left: 5px solid #D9D9D9;}
.hd1{width: auto;height: 40px;border-bottom-style: solid;border-bottom-width: 3px;border-bottom-color: #1C4568;}
.hd1 ul{padding: 0px;margin: 0px;list-style-type: none;}
.hd1 ul li{float: right;transition: all 0.3s ease-in-out 0s;}
.hd1 ul li:hover{background: #1C4568;transition: all 0.3s ease-in-out 0s;height: 38px;}
.hd1 ul li a{height: 38px;font-family: nasmar,FontAwesome;font-size: 13px;color: #FFFFFF;text-decoration: none;line-height: 36px;text-align: center;padding: 0px 10px;margin: 0px 2px;transition: all 0.4s ease-in-out 0s;}
.hd1 ul li a:hover{border-bottom: 2px solid #D9D9D9;transition: all 0.3s ease-in-out 0s;padding: 4px 10px}
.social{float: left;margin: 0px !important;}
.social{width: 132px;}
.social ul li{width: 38px;}
.social ul li a{font-size: 17px;}
.social ul li:hover{background: rgba(22, 160, 133, 0);}
.social ul li a:hover{	border-bottom: 0px;padding: 0px 10px}
.fac,.twi,.gog{width: 38px;}
.fac:hover{background: #0A55A0; height: 40px;}
.twi:hover{background: #3498db; height: 40px;}
.gog:hover{background: #c0392b; height: 40px;}
.hd2{background-position: left;height: 100%;background: #1C4568;background-repeat: no-repeat;}
.hd2-logo{height: 130px;background-image: url("http://i18.servimg.com/u/f18/16/46/77/76/hd2-lo10.png");background-repeat: no-repeat;width: 150px;float: right;margin: 2px 8px !important;}
.a3lan{width: 410px;height: 125px;float: left;}
.a3lan ul{height: 125px;margin: 0px;}
.a3lan ul li{background: #EDEDED;width: 85px;height: 85px;margin: 25px 0px !important;display: inline-block;border-radius: 5px 5px 0px 0px;}
/** a3lan pic **/
.a3lan ul li.n1{background: url(http://i18.servimg.com/u/f18/16/46/77/76/a3lan10.png) #1C4568;}
.a3lan ul li.n2{background: url(http://i18.servimg.com/u/f18/16/46/77/76/a3lan10.png) #16A085;}
.a3lan ul li.n3{background: url(http://i18.servimg.com/u/f18/16/46/77/76/a3lan10.png) #C0392B;}
.a3lan ul li.n4{background: url(http://i18.servimg.com/u/f18/16/46/77/76/a3lan10.png) #8E44AD;}
/** a3lan pic **/
/** color [start] **/
.choose-color{width: 25px;height: 100px;position: absolute;z-index: 9;margin: 55px -30px;}
.choose-color ul{width: 25px;height: 100px;position: relative;}
.choose-color ul li{display: block;width: 25px;height: 25px;z-index: 10;border-radius: 5px;margin: 0px -40px;}
.choose-color ul li a{width: 30px;height: 30px;position: absolute;border: 5px solid #D9D9D9;border-radius: 4px;}
.choose-color ul li a.choose-blue{background: #1C4568;}
.choose-color ul li a.choose-green{background: #16A085;}
.choose-color ul li a.choose-red{background: #C0392B;}
.choose-color ul li a.choose-purple{background: #8e44ad;}
/** color [end] **/
/** Header [END] **/
/** nav [START] **/
.nnav{font-size: 25px;padding: 8px;color: #2E3236;}
.nnav2{font-size: 20px;padding: 0px 16px;color: #2E3236;transition: 0.5s;}
.nnav2:hover{-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);color:#1C4568;}
.mempic{width: 81px;height: 81px;background: #D9D9D9;position: absolute;display: block;margin: -9px -115px;border-right: 2px solid #D9D9D9;}
.mempic ul{margin: 3px -39px;display: block;}
.mpic{}
.mpic a img{width: 75px;height: 75px;}
.mpic a{}
/** nav [END] **/
/**forumbox [START]  **/
.post{display: block;}
.naspost{ float:left; background: #F8F8F8; text-align: center;width: 280px;height: 77px;color: #5D5D5D;border: 2px solid #D9D9D9;padding: 24px;}
.naspostpic{background: #286090;height: 75px;width: 75px;position: absolute;margin: -24px;border-radius: 50%;}
.naspostpic a{}
.naspostpic a img{border-radius: 50%;margin: 0px -38px;border: 1px solid #286090;height: 75px;width: 75px;position: absolute; z-index: 4;}
.naspost a{font: 10px nasmar;}
.naspost1{font: 10px nasmar;margin: -11px -21px;}
.naspost2{}
.naspost3{margin: 0px 15px;width: 163px;}
.naspost3 span {}
.forumbox {}
.fm-hd {margin: 0px -30px !important;display: block;}
.fm-hd2 {background:#1C4568;border-right: 5px solid #D9D9D9;border-left: 5px solid #D9D9D9;}
.fm-hd3 {height: 36px;text-align: center;color: #FFF;font: 15px nasmar;line-height: 35px;font-weight: bold;}
.fm-hd3 a,.fm-hd3 a:visited{color: #fff;}
.fm-in {border-bottom: 2px solid #D9D9D9;display: block;margin: 0px -26px;}
.fm-in table,.fm-in table.tborder{border-width: 0px !important;background-color: transparent !important;}
.fm-in table.tborder td,.fm-in table td{border-style: solid !important;border-width: 0px 0px 1px 0px !important;border-color: #ccc !important;}
.fm-in fieldset {border-radius: 4px;border: 1px solid #ccc;}
.f-info{width: auto;display: inline-block;}
.f-info2{width: 110px;display: inline-block;}
.pic01{background: none repeat scroll 0% 0% #D9EBEB;color: #739292;text-align: center;padding: 2px 5px;}
.pic02{background: none repeat scroll 0% 0% #DEF0D0;color: #669246;text-align: center;padding: 2px 5px;}
.pic03{background: none repeat scroll 0% 0% #FFDDB1;color: #CE7809;text-align: center;padding: 2px 5px;}
.pic04{background: none repeat scroll 0% 0% #FCE7C2;color: #D18C21;text-align: center;padding: 2px 5px;}
.pic04{background: none repeat scroll 0% 0% #F0CDCD;color: #C0392B;text-align: center;padding: 2px 5px;}
.n-font , .n-font2{font: 10px nasmar , FontAwesome;text-shadow: 0px 1px 0px #FFF;}
.n-font2 a , .n-font2 a:link{font: 10px nasmar , FontAwesome;text-shadow: 0px 1px 0px #FFF;color: #C0392B;}
.fa-file-text-o::before{padding: 5px;content: "\f0f6";}
.fa-comments-o::before{padding: 5px;content: "\f086";}
.fa-users::before{padding: 5px;content: "\f0c0";}
.nasmar432{width: 9px;height: 9px;background: url(http://demo.h4serv.com/vb/nasmar-V1/img/nasmar432.gif);margin: 10px 47px;position: absolute;}
.nas-t{width: 100%;background: #FFF;}
.postnasmart{padding: 5px 0px;font: 14px nasmar;}
#nasbmsites{background:#E9E6CE;border: 1px solid #BFB991;border-radius: 10px;height: 46px;}
#nasbmsites ul li{display: inline;}
#nasbmsites ul li a{}
.bmsites{font-size: 35px;background: #BFB991;padding: 5px;position: relative;float: right;margin: 0px -40px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;color: #FFF;}
#nastagbox{background: #E2E9CE;border: 1px solid #BCCC8F;border-radius: 10px;}
#nastagbox ul{}
#nastagbox ul li{display: inline;}
#nastagbox ul li ul{}
#nastagbox ul li a{}
.nastagname{padding: 5px;margin: 0px 15px;color: #5D5D5D;}
#nastagbox ul li .normal{padding: 10px;}
.nastagb{font-size: 28px;background: #BCCC8F;padding: 5px;position: relative;float: right;margin: 0px -40px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;color: #FFF;}
#nasactiveusers{background:#CFE6DC;border: 1px solid #7FA89A;border-radius: 10px;}
#nasactiveusers ul li{display: inline;}
#nasactiveusers ul li a , #nasactiveusers ul li a:link{padding: 10px !important;color: #5D5D5D;}
.activeuser{font-size: 27px;background: #7FA89A;padding: 8px;position: relative;float: right;margin: 0px -40px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;color: #FFF;}
/**forumbox [END] **/
/** postbit[start] **/
.showthreadnas{background: #FFF;color: #286090;padding: 5px;font-size: 20px;border: 2px solid #D9D9D9;width: 35px;text-align: center;}
.nasthread{height: 50px;padding: 2px;background: #7D9EB3;display: block;margin: 0px -25px;border-bottom: 5px solid #D9D9D9;}
.nasthread ul{position: relative;float: left;margin: -17px 0px;}
.nasthread ul li {display: inline;padding: 0px;}
.postbottom{float: right;padding: 4px 10px;}
/** user title [start] **/
td .avatar{width: 200px;height: 200px;display: block;}
td .avatar img{width: 200px;height: 200px;padding: 25px;position: absolute;}
.online{width: 175px;height: 175px;background: #F39C12;position: absolute;margin: 12px;}
.offline{width: 175px;height: 175px;background: #7F8C8D;position: absolute;margin: 12px;}
#nasusertitle{}
#nasusertitle ul{background: #1C4466;width: 100%}
#nasusertitle ul li{display: inline;}
#nasusertitle ul li input{padding: 0px 10px;color: #FFF;font-family: "nasmar","Open Sans",sans-serif;font-size: 11px;transition: 0.5s;height: 30px;border: medium none;background: #286090;width: 100%;}
#nasusertitle ul li input:hover{background: #1C4466}
.usertitle{font-size: 20px;position: relative;float: right;margin: 4px -30px;color: #FFF;}
.nasshowpro{ width: 300px; height: 95px;margin: 35px 0px;border: 3px solid #D9D9D9;}
.nasshowpro ul {height: 39px;display: inline-block;width: 49%;white-space: nowrap;background: #1C4568;}
.nasshowpro ul li {display: inline-block;}
.nasshowpro ul li.showbro{display: inline-block;width: 110px;height: 39px;background: #16A085;padding: 8px 0px;}
.nasshowpro ul li a{color: #FFF;font-size: 11px;white-space: nowrap;padding: 10px;font-family: nasmar;}
.nasshowpro ul li a:hover{color: #FFF;}
.show{background: #D9D9D9;width: 162px;height: 32px;color: rgb(255, 255, 255);text-align: center;font: 11px nasmar;}
.show a{color: #FFF;}
.show a:link{color: #FFF;}
/** post2 **/
.nasshowpro2{ width: 300px;}
.nasshowpro2 ul {height: 25px;display: inline-block;width: 50%;white-space: nowrap;}
.nasshowpro2 ul li {display: inline-block;}
.nasshowpro2 ul li.showbro2{display: inline-block;width: 100px;height: 25px;}
.nasshowpro2 ul li a{color: #FFF;font-size: 10px;white-space: nowrap;margin: 0px -3px;}
.nasshowpro2 ul li a:hover{color: #FFF;}
.show2:hover{background: #2B5172;}
.usertitle2{font-size: 20px;padding: 5px;position: relative;float: right;margin: 0px -35px;color: #FFF;}
.basmala{background: url(http://demo.h4serv.com/vb/nasmar-V1/img/basmala.png);width: 250px;height: 179px;margin: -32px 0px;display: block;}
.controls{width: 50%;float: left;margin: -15px 0px;}
.controls a{}
.nascontrols{float: left;margin: 0px 5px;}
.nassig{background: #E7F8FF;padding: 5px;border-radius: 10px;border: 1px solid #A2E2FC;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.attnas{border: 2px solid rgb(217, 217, 217);padding: 30px 10px 15px 0px !important;display: block;position: relative;}
.attnas legend{position: absolute;border: medium none;margin: -45px 0px;font-size: 12px;background: rgb(255, 255, 255) none repeat scroll 0% 0%;width: 94px;padding: 5px;}
.attnas2{padding: 30px 10px 15px 0px !important;display: block;position: relative;border-bottom: none;border-top: 2px solid #D9D9D9;border-right: 2px solid #D9D9D9;border-left: 2px solid #D9D9D9;}
.attnas2 legend{position: absolute;border: medium none;margin: -45px 0px;font-size: 12px;background: rgb(255, 255, 255) none repeat scroll 0% 0%;width: 104px;padding: 5px;}
.button:hover{box-shadow: 0px 0px 5px #CCC;}
.quote2 {border-bottom: 1px solid #f8eabb;font-family:  "nasmar","Open Sans",sans-serif;font-size: 13px;font-weight: bold;margin-left: 2px;margin-right: 2px;margin-top: 4px;padding: 7px;font-color:#c6611a;text-decoration:none;}
.quote22 a:link {font: bold 12px "nasmar";color:#FFF;text-decoration:none;}
.quote3 {padding: 10px 7px 7px 7px;font-weight: lighter;-margin-bottom: 8px;-margin-right: 2px;-margin-left: 2px;border-top-color: #FFFFFF;border-top-width: 1px;border-top-style: solid;font-family: tahoma;font-size: 18px;}
.nasonlineofline{width: ; height: ;}
.nasonlineofline .online{width: 25px;height: 25px;position: absolute;border-radius: 1px;margin: -25px 200px;display: block;}
.nasonlineofline .offline{width: 25px;height: 25px;position: absolute;border-radius: 1px;margin: -25px 200px;display: block;}
ul.tab_list {display: inline;}
ul.tab_list li.tcat {padding: 1px 3px;min-height: 35px;color: #2E3236;}
ul.tab_list li.thead{top: 0px;background: #1C4568;text-align: center;}
#main_userinfo h2{padding-bottom: 10px;}
/** user title [end] **/
/** postbit [end] **/
/** tipsy [start] **/
.tipsy { padding: 5px; font:normal 11px/20px nasmar; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px; color: white; max-width: auto; text-align: center;border:1px solid #000;background-color: #000;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#000), to(#000));background-image: -moz-linear-gradient(top, #000, #000);background-image: -ms-linear-gradient(top, #000, #000);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #000), color-stop(100%, #000));background-image: -webkit-linear-gradient(top, #000, #000);background-image: -o-linear-gradient(top, #000, #000);}
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('http://demo.h4serv.com/vb/nasmar-V1/nasmar-V1/img/nasmar432.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/**tipsy [end] **/
/** fotter [start] **/
.logout{background: #1C4568;border: 3px solid #D9D9D9;padding: 5px;float: left;}
.logout:hover{background: #2E3226}
.ntfoot{background: #2E3236;color: #FFF;}
.nsmallfont{font: 10px nasmar;color: #FFF;}
.nsmallfont strong a{color: #FFF;padding: 7px 5px;}
.nsmallfont strong a:link{color: #FFF;}
.nsmallfont strong a:hover{background: #D9D9D9;color: #2E3236;}
.fotup{border-right: 5px solid #D9D9D9;border-left: 5px solid #D9D9D9;border-bottom: 5px solid #D9D9D9;width: 100%;}
#nasfotter{width: 100%;background: #1C4568;height: 100px;position: relative;display: block;border-left: 5px solid #D9D9D9;border-right: 5px solid #D9D9D9;}
#nasfotter ul{width: 30%;}
ul.rightfotter{margin: 10px 0px;display: block;float: right;}
ul.rightfotter li{display: inline-block;width: 100%;margin: 0px;}
ul.rightfotter li:before {content: "\f053";color: #FFF;margin: 0px 5px;font-family: FontAwesome;}
ul.rightfotter li a{color: #FFF;font: 13px nasmar;white-space: nowrap;transition:0.5s;}
ul.rightfotter li a:hover{margin: 0px 5px;}
ul.centerfotter{color: #6E6E6E;display: inline-block;margin: 20px 5% !important;border: 1px solid #CCC;border-radius: 5px;padding: 5px;background: #EDEDED;}
ul.leftfotter{float: left;}
ul.leftfotter li{display: inline-block;border: 5px solid;border-radius: 50%;box-shadow: 0px 0px 0px 5px #FFF;height: 65px;width: 65px;margin: 20px 50px;padding: 15px;color: #CCC;float: left;transition: 0.5s}
ul.leftfotter li:hover{-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);color:#F8F8F8;-webkit-box-shadow:0 0 0 10px #16A085;-moz-box-shadow:0 0 0 10px #16A085;box-shadow:0 0 0 10px #16A085;}
ul.leftfotter li a{}	    
ul.leftfotter li a.design{background: url("http://demo.h4serv.com/vb/nasmar-V1/nasmarV1/img/copyright.png") no-repeat;position: absolute;margin: -18px -19px !important;width: 60px;height: 60px;}
/** fotter [end] **/